<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        FBA费测算
        <small></small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li class="active">FBA费测算</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="box box-danger">
        <div class="box-header with-border">
            <form class="form-inline">
                <div class="row">
                    <div class="col-md-2 col-sm-3">
                        <div class="form-group">
                            <label for=""><i class="text-danger">*</i>长边(CM)</label>
                            <input type="text" class="form-control input-sm" ng-model="length">
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3">
                        <div class="form-group">
                            <label for=""><i class="text-danger">*</i>中边(CM)</label>
                            <input type="text" class="form-control input-sm" ng-model="width">
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3">
                        <div class="form-group">
                            <label for=""><i class="text-danger">*</i>短边(CM)</label>
                            <input type="text" class="form-control input-sm" ng-model="height">
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3">
                        <div class="form-group">
                            <label for=""><i class="text-danger">*</i>重量(g)</label>
                            <input type="text" class="form-control input-sm" ng-model="weight">
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-1 btn-mr-5">
                        <button type="button" class="btn btn-primary" ng-click="query()"><i class="fa fa-fw fa-search"></i>查询</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="box-body" style="height: 70vh">
            <div class="col-md-12 col-sm-12"><!--ng-show="isQuery"  -->
                <table class="ctltable" ng-show="isQuery"  >
                    <tbody>
                    <tr class="center" style="height: 8vh;background-color: rgba(204, 203, 203, 0.18)">
                        <td class="col-sm-1" rowspan="2" style="text-align: center;vertical-align:middle;">Country</td>
                        <td class="col-md-3" colspan="3" style="text-align: center">FBAFee</td>
                        <td class="col-sm-3" colspan="4" style="text-align: center">MCFFee</td>
                        <td class="col-sm-1" colspan="2" style="text-align: center">Monthly Inventory Storage Fee</td>
                        <td class="col-sm-1" colspan="2" style="text-align: center">Long-term storage Fee</td>
                    </tr>
                    <tr class="center" style="height: 5vh;background-color: rgba(204, 203, 203, 0.18)">
                        <td class="col-md-2 col-sm-1 ">Packaging Type</td>
                        <td class="col-sm-1" >Jan-Sep(1-9)</td>
                        <td class="col-sm-1 " >Oct-Dec(10-12)</td>
                        <td class="col-md-2 col-sm-1 " >Packaging Type</td>
                        <td class="col-sm-1 " >Standard Shipping</td>
                        <td class="col-sm-1 " >Expedited</td>
                        <td class="col-sm-1 " >Priority</td>
                        <td class="col-sm-1 " >Jan-Sep</td>
                        <td class="col-sm-1 " >Oct-Dec</td>
                        <td class="col-sm-1 " >6 to 12 Months</td>
                        <td class="col-sm-1 " >12 months or more</td>

                    </tr>
                    <tr class="center" ng-repeat="item in dataList" >
                        <td class="col-sm-1">{{item.country}}</td>
                        <td class="col-md-2 col-sm-1" >{{item.FBA_PackageType}}</td>
                        <td class="col-sm-1" >{{item.fee9}}</td>
                        <td class="col-sm-1" >{{item.fee10}}</td>
                        <td class="col-md-2 col-sm-1" >{{item.MCF_PackageType}}</td>
                        <td class="col-sm-1" >{{item.shipping}}</td>
                        <td class="col-sm-1" >{{item.expedited}}</td>
                        <td class="col-sm-1" >{{item.priority}}</td>
                        <td class="col-sm-1" >{{item.minventoryFee9}}</td>
                        <td class="col-sm-1" >{{item.minventoryFee10}}</td>
                        <td class="col-sm-1" >{{item.longtimeFee6}}</td>
                        <td class="col-sm-1" >{{item.longtimeFee12}}</td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>

        <!--<div class="box-body">
            <div ui-grid="gridOptions"   ui-grid-edit ui-grid-pagination  ui-grid-selection ui-grid-exporter
                 ui-grid-resize-columns ui-grid-auto-resize style="min-height: 70vh"> </div>
        </div>-->
        <!-- /.box-body -->
    </div>


</section>
<!-- /.content -->
